<!DOCTYPE html>
<html>
	<head>
		<title>{{ titulo_pagina }}</title>
        <meta charset="utf-8">
		<meta name="keywords" content="mitflow, tramites, solicitudes" /> 
        <meta name="description" content="Bienvenidos a Mitflow. Facilita tu vida." /> 
		<meta name="generator" content="Mitflow - Facilita tu vida" /> 
		<link rel="shortcut icon" href="{{ path }}images/favicon.ico"/>
		
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        
        <!-- Styles -->
        <link href="{{ path }}css/bootstrap.css" rel="stylesheet">
        <link href="{{ path }}css/bootstrap-responsive.css" rel="stylesheet">
        <link href="{{ path }}css/bootstrap-overrides.css" rel="stylesheet">
        
        <link href="{{ path }}css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet">
        
        <link href="{{ path }}css/personal-css.css" rel="stylesheet">
        <link href="{{ path }}css/slate.css" rel="stylesheet">
        <link href="{{ path }}css/slate-responsive.css" rel="stylesheet">
        
        <!-- Javascript -->
        <script src="{{ path }}js/jquery-1.7.2.min.js"></script>
        <script src="{{ path }}js/jquery-ui-1.8.21.custom.min.js"></script>
        <script src="{{ path }}js/jquery.ui.touch-punch.min.js"></script>
        <script src="{{ path }}js/bootstrap.js"></script>
        
        <script src="{{ path }}js/Slate.js"></script>
        
        {% block head %}{% endblock %}
        
		<script type="text/javascript">
			$(document).ready(function()
			{
				{% block jquery %}{% endblock %}
			});
			
			{% block javascript %}{% endblock %}
		</script>
		<script type="text/javascript">
			 var _gaq = _gaq || [];
			 _gaq.push(['_setAccount', 'UA-26299813-1']);
			 _gaq.push(['_trackPageview']);
			
			 (function() {
			   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			 })();
			
		</script>
	</head>
 	
	<body>
    	<div id="header">
	    	<div class="container">			
                <h1><a href="./">Arawak - Cartera 2.0</a></h1>
                <div id="info">
                    <a href="javascript:;" id="info-trigger">
                        <i class="icon-cog"></i>
                    </a>
                    
                        <div id="info-menu">
                        {% if user.is_authenticated %}
                            <div class="info-details">
                                <h4>Bienvenido, {{ user.first_name }}</h4>
                                <p>
                                    <a href="/perfil">Editar perfil</a>
                                    <br>
                                    <a href="/logout/">Cerrar sesión</a>
                                </p>
                            </div> <!-- /.info-details -->
                            <div class="info-avatar">
                            
                            	{% if request.session.config.logo %}
                                	<img src="{{ path }}{{ request.session.config.logo }}" alt="avatar">
                                {% else %}
                                	<img src="{{ path }}img/logo.jpg" alt="avatar">
                                {% endif %}
                                
                            </div> <!-- /.info-avatar -->
                        {% else %}
                            <ul id="nav_perfil">
                                <li><a href="/crear_persona">Regístrate</a></li>
                                <li><a href="http://www.mitflow.com">Catálogo</a></li>
                                <li><a href="http://www.mitflow.com">Contáctanos</a></li>
                                <li><a href="http://www.mitflow.com">Ayuda</a></li>
                            </ul>
                        {% endif %}
                        </div> <!-- /#info-menu -->
					
                </div> <!-- /#info -->
            </div> <!-- /.container -->
        </div> <!-- /#header -->
    	<!--
        <header>
            <hgroup>
	            <div id="enlaces">
                    {% if user.is_authenticated %}
						<ul id="nav_perfil">
                            <li> <a href="/perfil">{{ user.first_name }}</a> </li>
							<li> | </li>
							<li> <a href="/logout/">Cerrar sesión</a> </li>
							{% block notificaciones %}			
							{% endblock %}	
                        </ul>                    
                    {% endif %}
                </div>
            </hgroup>
        </header>
        -->
		<div id="wrapper">        
        	<div id="contenido">
            	{% if user.is_authenticated %}
                <!-- Authenticate account menu -->
                <div id="nav">
                    <div class="container">
                        <a href="javascript:;" class="btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <i class="icon-reorder"></i>
                        </a>
                        <div class="nav-collapse">
                            <ul class="nav">
                                <li class="nav-icon active">
                                    <a href="/busqueda">
                                        <i class="icon-home"></i>
                                        <span>Inicio</span>
                                    </a>	    				
                                </li>
                                <li class="nav-icon active">					
                            		<a href="/busqueda">
                                        <i class="icon-search"></i>Búsqueda</a>	    				
                                </li>
                                <li class="nav-icon active">
                                    <a href="/persona/solicitudes">
                                        <i class="icon-check"></i>Respuestas</a>	    				
                                </li>
                                {% if request.session.grupoUsuarioId != 3 %}
                                <li class="nav-icon active">
                                    <a href="/empresa/formularios">
                                        <i class="icon-list-alt"></i>Formularios</a>	    				
                                </li>
                                <li class="nav-icon active">
                                    <a href="/empresa/solicitudes">
                                        <i class="icon-folder-open"></i>Solicitudes
                                    </a>	    				
                                </li>
                                {% endif %}
                            </ul>
                        </div>
					</div>
				</div>
                <!--
                <div id="sidebar-left">
                	<h2>Menú</h2>
                	<ul>
                    	<br/><br/>
                    	<li><a href="#">¿Cómo crear un formulario?</a></li>
                        <li><a href="#">Editar formulario</a></li>
                        <li><a href="#">Notificaciones</a></li>
                    </ul>
                </div>
                -->
                <div class="content">
                    <div class="container">
                        <div class="row">
                            <div class="span2">
                    
                                <div class="widget">
                                    
                                    <div class="widget-content">
                                    	<h2>Menú</h2>
                                        <ul id="invoice_actions">
                                            <li class="send"><a href="javascript:;">¿Cómo crear un formulario?</a></li>
                                            <li class="edit"><a href="javascript:;">¿Editar formulario?</a></li>
                                            <li class="print"><a href="javascript:;">Notificaciones</a></li>
                                        </ul>
                                        
                                    </div> <!-- /.widget-content -->
                                    
                                </div> <!-- /.widget -->
                                
                            </div> <!-- /.span4 -->
                            <div class="span10">
                            	<div class="widget">
                                    <div class="widget-content">
                            {% block contenido %}
                                                
                            {% endblock %}
                            		</div>
								</div>
                            </div> <!-- /.span8 -->
                        </div>
					</div>
				</div>

                {% else %}
                <div class="content">
                    <div class="container">
                        <div class="row">
                        {% block contenido2 %}
                                            
                        {% endblock %}
                        </div>
					</div>
				</div>

                {% endif %}
        	</div>
		</div>
        
        
	<div id="footer">	
		<div class="container">
			<a href="http://www.mitflow.com/" target="_blank">&copy; 2012 Mitflow</a>
            <p>	<a href="#" target="_parent">Términos del servicio</a> | 
            	<a href="#" target="_parent">Política de uso</a> |
            	<a href="#" target="_parent">Política de privacidad</a> |
                <a href="/crear_empresa">Mitflow para Empresas</a>
			</p>
        </div> <!-- /.container -->
    </div> <!-- /#footer -->

	</body>
</html>